<template>
    <q-list separator no-border>
      <div v-if="users.length === 0">
        <a-none></a-none>
      </div>
      <q-item v-for="(user, index) in users" :key="index" class="cursor-pointer">
        <q-item-main class="size-14 q-py-xs row items-center text-primary">
          <a-head :user="user" class="text-grey-9" :size="size"></a-head>
        </q-item-main>
        <q-item-side right class="size-14">
        </q-item-side>
      </q-item>
    </q-list>
</template>

<script>
    export default {
      name: 'aUserList',
      props: {
        users: {
          type: Array,
          required: true
        },
        size: {
          type: Number,
          required: false,
          default: 24
        }
      },
      data () {
        return {
        }
      }
    }
</script>

<style lang="stylus">
</style>
